@charset "utf-8";
/* CSS Document */
#wrapper #headerImage {
	position: fixed;
	top: 66px; top: 46px;
	width: 100%;
	background-image: url("/-/media/Project/Daikin/ac_daikin_co_jp/kanreichi/images/common/img_header_bg jpg");
	background-position: center top;
	background-repeat: no-repeat;
	z-index: 40;
}
#wrapper #headerImage .contents {
	position: relative;
}
/**/
#wrapper #headerImage .contents .pcView {
	display: block;
}
#wrapper #headerImage .contents .spView {
	display: none;
}
#wrapper #headerImage a.btnLab {
	display: block;
	position: absolute;
	width: 36.25%;
	top: 26%;
	left: 63%;
}
#wrapper #headerImage a.btnLab:hover {
	opacity: 0.6;
}
#wrapper #mainVisual {
	width: 100%;
	background-image: url("/-/media/Project/Daikin/ac_daikin_co_jp/kanreichi/images/top/img_main_bg jpg");
	background-position: center top;
	background-repeat: no-repeat;
}
#wrapper #mainVisual .contents {
	position: relative;
}
#wrapper #mainVisual .contents .spView {
	display: none;
}
#wrapper #mainVisual iframe.CM {
	display: none;
}
#wrapper #mainVisual a.btnLab {
	display: block;
	position: absolute;
	width: 36.25%;
	top: 56%;
	left: 6.2%;
}
#wrapper #mainVisual a.btnLab:hover {
	opacity: 0.6;
}
#wrapper {
	background-color: #ededed;
}
#wrapper #panelBtn {
	max-width: 960px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0;
	margin-top: -80px;
	position: relative;
}
#wrapper #masonry .grid-sizer {
	width: 25%;
}
#wrapper #masonry .item {
	width: 25%;
	padding: 0.625%;
	box-sizing: border-box;
}
#wrapper #masonry .item p {
	background-color: #fff;
}
#wrapper #masonry .item a:hover img {
	opacity: 0.6;
}
#wrapper #masonryAdd {
	display: none;
}
#wrapper a.append-button {
	width: 35%;
	margin: 2% auto 0;
	display: block;
}
#wrapper a.append-button:hover img {
	opacity: 0.6;
}
/**/
@media screen and (max-width:959px) {
	#wrapper #mainVisual {
		margin-top:0px;
	}
}
@media screen and (max-width:800px) {
/*@media screen and (max-width:959px) {*/
	#wrapper #headerImage {
		top: 27px;	top: 0px;
	}
	#wrapper #headerImage {
		top: 0px; top: 46px!important;
	}
	#wrapper #headerImage .contents .pcView {
	    display: none;
	}
	#wrapper #headerImage .contents .spView {
	    display: block;
	}
	#wrapper #mainVisual .contents .pcView {
		display: none;
	}
	#wrapper #mainVisual .contents .spView {
		display: block;
	}
	/*
	#wrapper #headerImage .contents .pcView {
		display: none;
	}
	#wrapper #headerImage .contents .spView {
		display: block;
	}*/
	#wrapper #headerImage a.btnLab {
		width: 32.65625%;
		left: auto;
		right: 25px;
		top: 17%;
	}
	#wrapper #mainVisual iframe.CM {
		width: 90%;
		top: 118%;
		left: 5%;
	}
	#wrapper #mainVisual a.btnLab {
		width: 90%;
		top: 103%;
		left: 5.25%;
	}
	#wrapper #panelBtn {
		width: 93.75%;
		margin-top: 21.6875%;
	}
	#wrapper #masonry .grid-sizer {
		width: 50%;
	}
	#wrapper #masonry .item {
		width: 50%;
		padding: 1.6%;
		box-sizing: border-box;
	}
	#wrapper a.append-button {
		width: 60.9375%;
	}
}
/************************************************************************************/
#wrapper #mainBody .contents .spView {
	display: none;
}
#wrapper #mainBody .contents .pcView {
	display: block;
}
#wrapper #mainBody .how_to_txt {
	padding-top:60px;
}
#wrapper #mainBody .how_to_btn {
	padding-bottom:80px;
}
#wrapper #mainBody .how_to_btn a:hover img,
#wrapper #mainBody .product_btn a:hover img {
	opacity:0.6;
}
#wrapper #mainBody .mainBody_bg01 {
	width: 100%;
	background-image: url("/-/media/Project/Daikin/ac_daikin_co_jp/kanreichi/images/top/top_bg01 jpg");
	background-position: center top;
	background-repeat: no-repeat;
	padding:80px 0;
}
#wrapper #mainBody .mainBody_bg02 {
	width: 100%;
	background-image: url("/-/media/Project/Daikin/ac_daikin_co_jp/kanreichi/images/top/top_bg02 jpg");
	background-size:auto 100%;
	background-position: center top;
	background-repeat: repeat-y;
	padding:80px 0 0;
}
#wrapper #mainBody .mainBody_bg01 .merit_list {
	width:88%;
	margin:38px auto 0;
}
#wrapper #mainBody .mainBody_bg01 .intro_merit .ttl,
#wrapper #mainBody .mainBody_bg02 .product_list .ttl {
	width:60%;
	margin:0 auto;
}
#wrapper #mainBody .mainBody_bg01 .merit_list li {
	width:30%;
	float:left;
	padding-right:5%; padding-right:0%; margin-right:5%;
	padding-bottom:30px;
}
#wrapper #mainBody .mainBody_bg01 .merit_list li:nth-child(3),
#wrapper #mainBody .mainBody_bg01 .merit_list li:nth-child(6) {
	padding-right:0; margin-right:0%;
}
#wrapper #mainBody .mainBody_bg01 .merit_list li p {
	font-size:92%;
	color:#FFFFFF;
	padding-top:10px;
	line-height:1.5;
	letter-spacing: normal;
}
#wrapper #mainBody .mainBody_bg02 .product_list {
	width:100%;
}
#wrapper #mainBody .mainBody_bg02 .product_list .list01 {
	width:59%;
	float:left;
}
#wrapper #mainBody .mainBody_bg02 .product_list .list02 {
	width:40%;
	float:right;
}
#wrapper #mainBody .mainBody_bg02 .product_list .list02 a:hover img, 
#wrapper #mainBody .mainBody_bg02 .product_list .list01 a:hover img {
	opacity: 0.6;
}
#wrapper #mainBody .mainBody_bg02 .product_list .list01 dt img,
#wrapper #mainBody .mainBody_bg02 .product_list .list02 dt img {
	border:dotted 1px #fd6d5d;
	box-sizing:border-box;
	margin-top:25px;
}
#wrapper #mainBody .mainBody_bg02 .product_list .list01 ul li,
#wrapper #mainBody .mainBody_bg02 .product_list .list02 ul li {
	width:33.3333333333333333333333333333333333333333%;
	margin-top:25px;
}
#wrapper #mainBody .mainBody_bg02 .product_list .list02 ul li {
	width:49.5%;
	margin-top:25px;
}
#wrapper #mainBody .mainBody_bg02 .product_list .list01 ul li.dx,
#wrapper #mainBody .mainBody_bg02 .product_list .list01 ul li.hx,
#wrapper #mainBody .mainBody_bg02 .product_list .list02 ul li.rx {
	float:left;
	padding-right:1px;
}
#wrapper #mainBody .mainBody_bg02 .product_list .list01 ul li.kx,
#wrapper #mainBody .mainBody_bg02 .product_list .list02 ul li.ax {
	float:left;
	padding-left:1px;
}
#wrapper #mainBody .mainBody_bg02 .product_list .list01 ul li.hx,{
	float:none;
}
#wrapper #mainBody .mainBody_bg02 .product_list .product_btn {
	width:58%;
	margin:40px auto 50px;
}
#wrapper #mainBody .mainBody_bg02 .product_list .sns {
	width:58%;
	margin:0 auto;
	position:relative;
}
#wrapper #mainBody .mainBody_bg02 .product_list .sns .fb {
	position:absolute;
	bottom:8%;
	right:20%;
	width:12%;
}
#wrapper #mainBody .mainBody_bg02 .product_list .sns .tw {
	position:absolute;
	bottom:8%;
	right:5%;
	width:12%;
}
#wrapper #mainBody .mainBody_bg02 .product_list .sns a:hover img {
	opacity: 0.6;
}
#wrapper .plNote {
	font-size: 11px;
	padding-top: 12px;
	text-align: right;
	line-height: 1.71;
}
#wrapper .plNote02 {
	font-size: 11px;
	padding: 10px 0;
	text-align: right;
	line-height: 1.71;
}
#wrapper .hama img {
	width: 59%;
}
#wrapper .hama {
    margin-bottom: 50px; 
}
@media screen and (max-width:800px) {
	#wrapper {
    margin-top: 0px;
	}
	#wrapper #mainBody .contents .spView {
		display: block;
	}
	#wrapper #mainBody .contents .pcView {
		display: none;
	}
	#wrapper #mainBody .how_to_txt {
		padding-top:45px;
	}
	#wrapper #mainBody .how_to_btn {
		padding-bottom:0px;
	}
	#wrapper #mainBody .mainBody_bg01 {
		width: 88%; width: 100%;
		background-image: url("/-/media/Project/Daikin/ac_daikin_co_jp/kanreichi/images/top/top_bg01_sp jpg");
		background-size: cover;
		padding:65px 6% 65px;
	}
	#wrapper #mainBody .mainBody_bg02 {
		width: 88%; width: 100%;
		padding:65px 6% 0;
	}
	#wrapper #mainBody .mainBody_bg01 .intro_merit .ttl,
	#wrapper #mainBody .mainBody_bg02 .product_list .ttl {
		width:100%;
	}
	#wrapper #mainBody .mainBody_bg01 .merit_list {
		width:100%;
		margin:20px auto 0;
	}
	#wrapper #mainBody .mainBody_bg01 .merit_list li {
		width:48%;
		padding-right:4%; padding-right:0%; margin-right:4%;
		padding-bottom:15px;
	}
	#wrapper #mainBody .mainBody_bg01 .merit_list li:nth-child(3) {
		padding-right:4%; padding-right:0%; margin-right:4%;
	}
	#wrapper #mainBody .mainBody_bg01 .merit_list li:nth-child(even) {
		padding-right:0; margin-right:0;
	}
	#wrapper #mainBody .mainBody_bg01 .merit_list li p {
		font-size:92%;
	}
	#wrapper #mainBody .mainBody_bg02 .product_list .list01 {
		width:100%;
		float:none;
	}
	#wrapper #mainBody .mainBody_bg02 .product_list .list02 {
		width:72%;
		float:none;
		margin:0 auto;
	}
		#wrapper #mainBody .mainBody_bg02 .product_list .product_btn {
			width:100%;
			margin:25px auto 30px;
		}
		#wrapper #mainBody .mainBody_bg02 .product_list .sns {
			width:100%;
			margin:0 auto;
			position:relative;
		}
	#wrapper #mainBody .mainBody_bg02 .product_list .sns .fb {
		position:absolute;
		bottom:8%;
		right:20%;
		width:12%;
	}
	#wrapper #mainBody .mainBody_bg02 .product_list .sns .tw {
		position:absolute;
		bottom:8%;
		right:5%;
		width:12%;
	}
	#wrapper .plNote {
		padding-top: 25px;
	}
	#wrapper .hama img {
		width: 100%;
	}
}